<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的唯品购物袋</title>
    <link rel="shortcut icon" href=" favicon.ico" />
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script src="./layer/layer.js"></script>
    <script src="./jQuery/jquery-3.6.0-min.js"></script>
    <link rel="stylesheet" href="./css/cart.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <div class="top">
        <div class="topCenter">
            <div class="topRight">
                <ul>
                    <li class="top-login">
                        <a href="./login.html">请登录</a>
                        <ol>
                            <li style="width: 250px;">
                                <img src="./images/my_cnt_pic.jpg" alt="">
                                <span
                                    style="border-bottom:rgb(224, 223, 223) 1px solid;padding-right: 50px;">您好！[请登录]</span>
                            </li>
                            <li>我的收藏</li>
                            <li>我的订单</li>
                            <li>零钱</li>
                            <li>我的优惠券</li>
                            <li>我的唯品币</li>
                            <li>唯品金融</li>
                        </ol>
                    </li>
                    <li>
                        <a href="./enroll.html">注册</a>
                    </li>
                    <li class="top-sign">
                        <img style="display: inline-block;" src="./images/header_sign-hash-0459d02c.gif" alt="">
                        <a href="">签到有礼</a>
                        <ol>
                            <li style="font-weight: bold;font-size: 16px;">
                                请前往<span style="color: #f10180;">唯品会APP首页</span>签到哟
                                <br>
                                <p style="font-size: 12px;font-weight: 500;margin-top: 20px;">
                                    即日起，签到网页端入口将下线，请前往“唯品会APP首<br>页-签到领券”继续参加签到活动。</p>
                            </li>
                            <img src="./images/header_signin-hash-670694db.png" alt="">
                            <li class="top-sign-downlaod">
                                <img src="./images/bg-hash-36387f12.png" alt="">
                                <img class="downlaod-img1" src="./images/1598435695911.png" alt="">
                                <p>
                                    也可以用<span style="font-weight: bold;">微信</span>扫码签到哦！
                                </p>
                            </li>
                        </ol>
                    </li>
                    <li>
                        <a href="">我的订单</a>
                    </li>
                    <li class="dw">
                        <a href="./list.html">我的特卖</a>
                        <i class="iconfont icon-triangle-down"></i>
                        <ol>
                            <li>商品收藏</li>
                            <li>品牌收藏</li>
                            <li>我的足迹</li>
                        </ol>
                    </li>
                    <li class="dw">
                        <a href="">会员俱乐部</a>
                        <i class="iconfont icon-triangle-down"></i>
                        <ol>
                            <li>俱乐部首页</li>
                            <li>唯品币兑换</li>
                        </ol>
                    </li>
                    <li class="dw">
                        <a href="">客户服务</a>
                        <i class="iconfont icon-triangle-down"></i>
                        <ol>
                            <li>联系客服</li>
                            <li>帮助中心</li>
                            <li>服务中心</li>
                            <li>知识产权维护</li>
                        </ol>
                    </li>
                    <li class="aw">
                        <a href=""><i class="iconfont icon-whatsapp"></i>手机版</a>
                        <ol>
                            <li>
                                <img src="./images/1466134037230.jpg" alt="">
                            </li>
                            <li style="margin-top: 10px;">随时逛 及时抢</li>
                        </ol>
                    </li>
                    <li class="dw">
                        <a href="">更多</a>
                        <i class="iconfont icon-triangle-down"></i>
                        <ol class="dwol" style="right:0;">
                            <li class="dwli">合作专区</li>
                            <li>唯品卡</li>
                            <hr>
                            <li class="dwli">关于我们</li>
                            <li>Sell on vip 品牌招商 官方博客</li>
                        </ol>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- logo标识 -->
    <div class="logo">
        <div class="logoCenter">
            <div class="logoOne">
                <img src="./images/1634610746731.gif" alt="">
            </div>
            <div class="logoTow">
                <img src="./images/1587017895494.jpg" alt="">
            </div>
            <div class="search">
                <div class="searchK">
                    <input id="ss" type="text" placeholder="搜索想要的商品">
                    <div class="div1" style="cursor: pointer;">
                        <i class="iconfont icon-fangdajing"></i>
                    </div>
                    <div class="searchT">
                        <ul>
                            <li>
                                <span></span>
                                <a href="">女士大衣</a>
                            </li>
                            <li>
                                <span>|</span>
                                <a href="">女靴</a>
                            </li>
                            <li>
                                <span>|</span>
                                <a href="">护肤套装</a>
                            </li>
                            <li>
                                <span>|</span>
                                <a href="">阿迪达斯adidas</a>
                            </li>
                            <li>
                                <span>|</span>
                                <a href="">女士休闲裤</a>
                            </li>
                            <li>
                                <span>|</span>
                                <a href="">男士夹克</a>
                            </li>
                        </ul>
                    </div>
                    <div class="search-foot">
                        <ol>
                            <li style="width: 100px;padding-left: 10px;">历史搜索</li>
                            <li>
                                <p>搜索发现</p>
                                <ul class="searchK-foot">
                                    <li class="searchK-footer"></li>
                                    <li class="searchK-footer"></li>
                                </ul>
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
            <div class="logoThree">
                <i class="iconfont icon-wenjian"></i>
                <span>购物袋</span>
                <span class="jg">0</span>
                <ol>
                    <li>您的购物袋里还没有商品，再去逛逛吧！</li>
                </ol>
            </div>
        </div>
    </div>
    <!-- 购物车详情 -->
    <div class="detail">
        <div class="detail-center">
            <table border="1">
                <caption style="font-weight: 550;color: #d7237e; font-size: 24px; margin: 20px;">唯品自营</caption>
                <thead>
                    <tr>
                        <th>选中</th>
                        <th style="width: 250px;">商品</th>
                        <th>商品名称</th>
                        <th>单价</th>
                        <th>数量</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- <tr class="check">
                        <td>
                            <input type="checkbox">
                        </td>
                        <td>
                            <img src="./images/69b034a7-8744-4ebd-bcd1-bd3b6c0fbb7a.jpg" alt=""
                                style="width: 74px;height: 74px;">
                        </td>
                        <td>
                            MagicBook 16 锐龙版 笔记本电脑 高生产能力
                        </td>
                        <td>
                            ￥1149
                        </td>
                        <td class="number">
                            <button>-</button><input type="number"></input><button>+</button>
                        </td>
                        <td>删除</td>
                    </tr> -->
                </tbody>
            </table>
        </div>
    </div>
    <!-- 底部 -->
    <footer id="footer" class="footer">
        <div class="foot-inner">
            <ul class="foot-icon">
                <li>
                    <i class="iconfont icon-daishouhuo-01">正品货源</i>
                </li>
                <li>
                    <i class="iconfont icon-feiji">全球直采</i>
                </li>
                <li>
                    <i class="iconfont icon-shouye">自营仓库</i>
                </li>
                <li>
                    <i class="iconfont icon-sousuo">入仓检查</i>
                </li>
                <li>
                    <i class="iconfont icon-50">安全保障</i>
                </li>
                <li>
                    <i class="iconfont icon-zhuanhuan">无忧退换</i>
                </li>
                <li>
                    <i class="iconfont icon-shoucang">万份信赖</i>
                </li>
            </ul>
        </div>
        <div class="foot-list">
            <dl class="link-anim">
                <dt>服务保障</dt>
                <dd>
                    <a href="">正品保证</a>
                </dd>
                <dd>
                    <a href="">七天无理由放心退</a>
                </dd>
                <dd>
                    <a href="">7×15小时客服服务</a>
                </dd>
                <dd>
                    <a href="">七天无理由放心换</a>
                </dd>
            </dl>
            <dl class="link-anim">
                <dt>购物指南</dt>
                <dd>
                    <a href="">导购演示</a>
                </dd>
                <dd>
                    <a href="">订单操作</a>
                </dd>
                <dd>
                    <a href="">会员注册</a>
                </dd>
                <dd>
                    <a href="">账户管理</a>
                </dd>
                <dd>
                    <a href="">收获样品</a>
                </dd>
                <dd>
                    <a href="">会员等级</a>
                </dd>
            </dl>
            <dl class="link-anim">
                <dt>支付方式</dt>
                <dd>
                    <a href="">23家主流网银支付</a>
                </dd>
                <dd>
                    <a href="">支付宝、银联等支付</a>
                </dd>
                <dd>
                    <a href="">信用卡支付</a>
                </dd>
                <dd>
                    <a href="">零钱支付</a>
                </dd>
            </dl>
            <dl class="link-anim">
                <dt>配送方式</dt>
                <dd>
                    <a href="">配送范围及运费</a>
                </dd>
                <dd>
                    <a href="">验货与签收</a>
                </dd>
            </dl>
            <dl class="link-anim">
                <dt>售后服务</dt>
                <dd>
                    <a href="">退货政策</a>
                </dd>
                <dd>
                    <a href="">退货流程</a>
                </dd>
                <dd>
                    <a href="">退款方式及时效</a>
                </dd>
                <dd>
                    <a href="">换货服务</a>
                </dd>
            </dl>
            <dl class="tc last">
                <dt>唯品会APP二维码</dt>
                <dd>
                    <img src="./images/1466134037230.jpg" alt="">
                </dd>
                <dd>下载唯品会移动APP</dd>
            </dl>
        </div>
        <div class="foot-infor">
            <p class="foot-infor-link">
                <a href="">关于我们</a> |
                <a href="">About us</a> |
                <a href="">Investor Relations</a> |
                <a href="">媒体报道</a> |
                <a href="">品牌招商</a> |
                <a href="">隐私条款</a> |
                <a href="">唯品诚聘</a> |
                <a href="">唯品卡</a> |
                <a href="">联系我们</a> |
                <a href="">廉政举报</a> |
            </p>
            <p class="foot-infor-tet">
                Copyright © 2008-2021 vip.com，All Rights Reserved 使用本网站即表示接受
                <a href="">唯品用户协议</a>。版权所有
                <a href="">广州唯品会电子商务有限公司</a>
                <br>
                <a href=""> 粤公网安备 44010302111111号</a>&nbsp;&nbsp;
                <a href="">粤ICP备08114786号</a>
                <a href="">增值业务经营许可证：粤B2-20170777 </a>
                <a href="">网络文化经营许可证：粤网文〔2018〕5030-1743号</a><br>
                <a href="">经营主体证照</a>&nbsp;&nbsp;
                <a href="">风险监测中心</a>&nbsp;&nbsp;
                <a href="">互联网药品信息服务资格证书：（粤）-经营性-2018-0271</a>
                <a href=""> 网络食品交易第三方平台备案凭证：粤B2-20170777 </a>
                <a
                    href="">医疗器械网络交易服务第三方平台备案凭证：（粤）网械平台备字[2019]第00001号</a><span>出版物网络交易平台服务经营备案证：粤新出网备（2021）1号</span>&nbsp;<a
                    href="">未成年人关怀中心</a><br>
                <span>
                    违法和不良信息举报电话：4006789888；举报邮箱：
                    <a href="">privacy@vipshop.com</a>
                </span>
            </p>
        </div>
        <div class="foot-pic">
            <div class="foot-picCenter">
                <i class="iconfont icon-snapchat"></i>
                <i class="iconfont icon-reddit"></i>
                <i class="iconfont icon-yinxiangbiji"></i>
                <i class="iconfont icon-tengxunweibo2"></i>
                <i class="iconfont icon-twitter"></i>
            </div>
        </div>
    </footer>

</body>
<script src="./js/cart.js"></script>

</html>